<wicket:extend>
	<div class="p-2 p-sm-5">
		<div class="revision-compare mb-5">
			<div class="base revision card">
				<div class="card-body">
					<div class="head">
						<div class="title"><wicket:t>Base</wicket:t></div>
						<wicket:enclosure child="compareWithMergeBase">
						<label class="checkbox">
							<input wicket:id="compareWithMergeBase" type="checkbox">
							<wicket:t>common ancestor</wicket:t>
						</label>
						<span wicket:id="mergeBaseTooltip" class="help"><wicket:svg href="question-circle-o" class="icon"></wicket:svg></span>
						</wicket:enclosure>
					</div>
					<div wicket:id="leftRevSelector" class="selector"></div>
					<a wicket:id="leftCommitLink" class="message"><span wicket:id="message"></span></a>
				</div>
			</div>
			<div class="swap">
				<a wicket:id="swap" class="btn btn-primary btn-icon" t:data-tippy-content="Swap"><wicket:svg href="swap" class="icon"></wicket:svg></a>
			</div>
			<div class="compare revision card">
				<div class="card-body">
					<div class="title"><wicket:t>Compare</wicket:t></div>
					<div wicket:id="rightRevSelector" class="selector"></div>
					<a wicket:id="rightCommitLink" class="message"><span wicket:id="message"></span></a>
				</div>
			</div>
		</div>
		<div wicket:id="effectiveRequest" class="alert alert-notice alert-light-success mb-5">
			<span wicket:id="description"></span>
		</div>
		<div>
			<a wicket:id="createRequest" class="btn btn-primary btn-block mb-5"><wicket:svg href="plus" class="icon mr-2"/> <wicket:t>Create Pull Request for This Change</wicket:t></a>
		</div>
		<div wicket:id="revisionNotSpecified" class="alert alert-notice alert-light-warning mb-5">
			<span><wicket:t>Please select revisions to compare</wicket:t></span>
		</div>
		<div wicket:id="unrelatedHistory" class="alert alert-notice alert-light-warning mb-5">
			<span><wicket:t>History of comparing revisions is unrelated</wicket:t></span>
		</div>
		<wicket:enclosure child="tabs">
		<div class="card compare-result">
			<div class="card-body">
				<ul wicket:id="tabs" class="nav nav-tabs nav-tabs-line nav-bolder mb-5"></ul>
				<div wicket:id="tabPanel" class="tab-panel"></div>
			</div>
		</div>
		</wicket:enclosure>
	</div>
</wicket:extend>